<template>
  <div class="floor-layout tpl-9000">
    <!-- 总共两行 -->
    <div class="layout_main" v-for="count in 2" :key="count.id">
      <!-- 总共五个圆形框 -->
      <div class="main_box" v-for="count in 5" :key="count.id">
        <img src="../imgs/product-none.png" alt="" />
        <span class="main_font">品类名称</span>
      </div>
    </div>
  </div>
</template>

<script>
import mixin from "../mixin";
import request from "@/utils/request";
import { domain } from "~/ui-domain";

const noImg =
  "";
export default {
  data() {
    return {};
  },
  name: "tpl_9000",
  mixins: [mixin],
  title: "社团分组",
  dataTpl: {
    tpl_id: 9000,
    blockList: []
  }
};
</script>

<style type="text/scss" lang="scss" scoped>
.layout_main {
  display: flex;
  width: 100%;
  background-color: #f0f0f0;
  justify-content: space-around;
  .main_box {
    display: flex;
    flex-wrap: wrap;
    margin-left: 15px;
    margin-top: 10px;
    img {
      width: 50px;
      height: 50px;
    }
    .main_font {
      font-size: 12px;
    }
    .children {
      display: inline-block;
      width: 50px;
      height: 50px;
      border-radius: 25px;
      background: #a5a5a5;
    }
  }
}
</style>